<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>当当购物车</title>
    <link rel="stylesheet" href="CSS/style.css">
    <script src="JS/Jquery.min.js"></script>
    <!-- <script src="JS/jQuery.js"></script> -->
    <script src="JS/cartID.js"></script>

    <!-- <script src="JS/cart1.js"></script> -->
    <!-- <script src="JS/cart.js"></script> -->

</head>

<body>
    <div class="container">
        <div class="header">
            <img src="image/dd_logo.jpeg" alt="logo">
            <button class="addproduct"><a href="index.html">添加商品</a></button>
            <!-- <button class="cancel">取消添加商品</button> -->

        </div>

        <div class="book-list">
            <table class="top">
                <tr>
                    <td>
                        <input type="checkbox" name="" id="" class="checkall">全选
                    </td>
                    <th>商品图片</th>
                    <th>商品信息</th>
                    <th>单价</th>
                    <th>数量</th>
                    <th>总价</th>
                    <th>操作</th>
                </tr>
            </table>
            <table class="join">


                <!-- <tr class="cart-item">
                    <td>
                        <input type="checkbox" name="" id="" class="j-checkbox">
                    </td>
                    <td><img src="image/shoppingBg_03.jpeg" alt="shop03" width="50" height="74"></td>
                    <td>我和狗狗活下去</td>
                    <td class="p-price">￥28.90</td>
                    <td><input type="button" name="minus" value="-" class="decrement"><input type="text" name="amount" value="1" class="itxt"><input type="button" name="plus" value="+" class="increment"></td>
                    <td class="singleprice p-sum" width="100px">￥28.90</td>
                    <td><a href="#">移入收藏</a><br><a class="delete-btn" href="#">删除</a></td>
                </tr>
                <tr class="cart-item">
                    <td>
                        <input type="checkbox" name="" id="" class="j-checkbox">
                    </td>
                    <td><img src="image/shoppingBg_06.jpeg" alt="shop06"></td>
                    <td>灰霾来了怎么办</td>
                    <td class="p-price">￥16.67</td>
                    <td><input type="button" name="minus" value="-" class="decrement"><input type="text" name="amount" value="1" class="itxt"><input type="button" name="plus" value="+" class="increment"></td>
                    <td class="singleprice p-sum" width="100px">￥16.67</td>
                    <td><a href="#">移入收藏</a><br><a class="delete-btn" href="#">删除</a></td>
                </tr>
                <tr class="cart-item">
                    <td>
                        <input type="checkbox" name="" id="" class="j-checkbox">
                    </td>
                    <td><img src="image/book33.png" alt="shop06" width="50" height="74"></td>
                    <td>灰霾来了怎么办</td>
                    <td class="p-price">￥16.67</td>
                    <td><input type="button" name="minus" value="-" class="decrement"><input type="text" name="amount" value="1" class="itxt"><input type="button" name="plus" value="+" class="increment"></td>
                    <td class="singleprice p-sum" width="100px">￥16.67</td>
                    <td class="p-action"><a href="#">移入收藏</a><br><a class="delete-btn" href="#">删除</a></td>
                </tr> -->




            </table>
            <table>
                <tr>
                    <td><input type="checkbox" name="" id="" class="checkall">全选</td>
                    <td><a href="javascript:;" class="remove-batch">删除选中的商品</a></td>
                    <td><a href="javascript:;" class="clear-all">清理购物车</a></td>
                    <td>
                        <div class="amount-sum">已经选<em>1</em>件商品</div>
                    </td>
                    <td>
                        <div class="price-sum">总价：<em>¥12.60</em></div>
                    </td>
                    <td>
                        <div class="btn-area">去结算</div>
                    </td>
                </tr>
            </table>

            <!-- <div class="cart-floatbar">
                <div class="select-all">
                    <input type="checkbox" name="" id="" class="checkall">全选
                </div>
                <div class="operation">
                    <a href="javascript:;" class="remove-batch">删除选中的商品</a>
                    <a href="javascript:;" class="clear-all">清理购物车</a>
                </div>
                <div class="toolbar-right">
                    <div class="amount-sum">已经选<em>1</em>件商品</div>
                    <div class="price-sum">总价：<em>¥12.60</em></div>
                    <div class="btn-area">去结算</div>
                </div>
            </div>
            <h2>商品总价: <span id="totalPrice">￥0</span></h2> -->
        </div>
        <!-- <div class="book-add-wrapper">
            <form>
                <div class="item">
                    <label for="">书籍名称: </label>
                    <input type="text" name="bookname">
                </div>
                <div class="item">
                    <label for="">书籍价格: </label>
                    <input type="text" name="bookprice">
                </div>
                <div class="item">
                    <label for="">书籍图片: </label>
                    <input type="text" name="bookpicture">
                </div>
                <button type="button" class="item" id="addbookbtn">添加书籍</button>
            </form>
        </div> -->


    </div>
</body>

</html>